<!--
 * @Description: v-model使用
 * @Author: Zhanghan
 * @Date: 2024-11-11 20:07:00
 * @LastEditTime: 2024-12-06 08:53:10
 * @LastEditors: Zhanghan
-->
<template>
  <div>
    <h1 class="mb-4" >v-model使用</h1>
    <ProRadiuSelect :option="myOptions" v-model:checked="selset" />
  </div>
</template>

<script lang="ts" setup>
import { ref, watch } from "vue";
import { ProRadiuSelect } from "@/components/ProComponents/index";

const selset = ref();

watch(selset, (newVal, oldVal) => {
  console.log("newVal:", newVal, "oldVal:", oldVal);
});

const myOptions = [
  {
    label: "香蕉",
    value: 1,
  },
  {
    label: "臭榴莲",
    value: 2,
  },
  {
    label: "脓水西瓜",
    value: 3,
  },
  {
    label: "卤水猕猴桃",
    value: 4,
  },

  {
    label: "番茄大灌篮",
    value: 5,
  },
  {
    label: "番茄鼻屎",
    value: 6,
  },
];
</script>
